<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="../css/rester.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/login.css">
    <script src="../js/jquery1.12.4.min.js"></script>
    <script src="../js/login.js"></script>
</head>
<body>
    <div id="header">
        <div class="h_inner container">
            <div class="logo">
                <img src="https://id1.cloud.huawei.com/CAS/up/idmw_rss_61/logos/HUAWEI.svg" alt="">
            </div>
            <div class="webname">
                <span class="line"></span>
                <b>华为商城</b>
            </div>
        </div>
    </div>
    <div id="main">
        <div class="title">华为帐号登录</div>
        <div class="content">
            <div class="left">
                <div class="img_box">
                    <img src="" alt="">
                </div>
                <p>若您使用华为手机，请进入“设置”>“华为帐号”扫码登录。</p>
            </div>
            <div class="center"></div>
            <div class="right"> 
                <div class="error">! 请输入您的密码</div>       
                <p class="un"><input type="text" id="uname" placeholder="手机号/邮件地址/华为号"></p>
                <p class="pw"><input type="password" id="pword" placeholder="密码"><i class="iconfont icon-biyan"></i></p>
                <div class="message">
                    <a href="#">短信验证码登录</a>
                </div>
                <button class="btn">登录</button>
                <p class="link">
                    <span><a href="./register.html">注册</a><em></em></span>
                    <span><a href="#">忘记密码</a><em></em></span>
                    <span><a href="#">遇到问题</a></span>
                </p>
                <p class="icons">
                    <a href="#" class="qq"><i class="iconfont icon-qq"></i></a>
                    <a href="#" class="zfb"><i class="iconfont icon-zhifubao"></i></a>
                    <a href="#" class="wx"><i class="iconfont icon-iconfontweixin"></i></a>
                </p>
            </div>
        </div>
    </div>
    <div id="footer" class="clearfix">
        <div class="f_inner">
            <p style="text-align: center;line-height:20px;height:20px;" class="top">			 				
                <a href="#">华为帐号用户协议</a>            	
                <em class="foot_em">|</em>
                <a href="#">关于华为帐号与隐私的声明</a>
                <span><em class="foot_em">|</em> <a href="#">常见问题</a></span>																									
        		<em class="foot_em">|</em>
	            <a href="#">Cookies</a>        		    				                       
            </p>                	       		       			
            <p style="line-height: 12px;height:12px;margin-top: 10px; color: #000; opacity: 0.3;text-align:center;font-size: 14px;">
                华为帐号  版权所有 © 2011-2021
            </p>        			       			        		        	       	
        </div>
    </div>
</body>
</html>